@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3
{ margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;display:block}
.clear { clear:both;}
a{text-decoration:none;outline:0;}
center{padding:20px 0;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/* top */
.top_bg{width:100%;height:98px;background:#fff100}
.top{width:980px;height:98px;margin:0 auto;overflow: hidden;}
.logo{float:left;margin-top:32px;}
.top_tel{float:right;background:url(../images/top_tel.jpg) 0 0 no-repeat;height:48px;margin-top:32px;padding-left: 32px;}
.top_tel span{font:24px/1 "impact";color:#000;}
.top_tel p{font:700 18px/22px "microsoft yahei";color:#dd0006;text-indent:88px;}
.nav_bg{width:100%;height:63px;background:url(../images/navbg.png) 0 0 repeat;position: absolute;left:0;top:0;z-index:4}
.nav{width:980px;margin:0 auto;height:63px;}
.nav li{width:108px;height:63px;float:left;position: relative;}
.nav li a{display:block;width:100%;height:63px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.nav li a span{font:16px/63px "microsoft yahei";color:#fff;text-align:center;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.nav li a font{font:14px/63px "Segoe UI";color:#fff;text-align:center;display:block;width:100%;height:63px;text-transform: uppercase;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.nav li a:hover,.nav li.hover{background:#fff100;}
.nav li a:hover span,.nav li.hover a span{font:16px/22px "microsoft yahei";color:#000;margin-top:14px;}
.nav li a:hover font,.nav li.hover a font{font:14px/1 "microsoft yahei";color:#000;}
.nav li ul{position: absolute;width:108px;left:0;top:63px;background:#191919;padding:0 0 20px;display:none}
.nav li ul li{width:101px;margin:0 auto;height:40px;border-bottom:1px solid #272727;overflow:hidden;float:none}
.nav li ul li a{width:101px;height:40px;text-align:center;overflow:hidden;font:14px/40px "microsoft yahei";color:#fff;}
.nav li ul li a:hover,.nav li ul li.hover{background:none}
/* banner */
.banner { width: 100%; height: 492px; position: relative; overflow:hidden;}
.banner img{display:block;margin:0 auto;}
.banner .num { overflow:hidden; height: 15px; position: absolute; bottom:21px; left: 43%; zoom:1; z-index:3 }
.banner .num li { width: 67px; height: 10px;background: url(../images/dot.jpg) 0 0 no-repeat; margin-right: 10px;cursor:pointer; float: left;font-size:0;overflow: hidden;}
.banner .num li.on {background-position: -78px 0;}
/* marquee */
.marquee_bg{width:100%;height:64px;background:url(../images/marquee_bg.jpg) center 0 no-repeat;overflow:hidden;}
.marquee_box{width:980px;height:64px;margin:0 auto;overflow:hidden;}
.search{width:291px;height:37px;overflow:hidden;margin-top:14px;float:left;}
.text{width: 233px;float:left;font:14px/25px 'microsoft yahei';color:#ffffff;text-indent:15px;height:25px;padding:5px 0;border:1px solid #fff100;border-right:0;background:#000;*height:25px;}
.select{float:left;width:96px;border:0;background:url(../images/select.jpg) 73px center no-repeat #000;border-top:1px solid #fff100;border-bottom:1px solid #fff100}
.btn{float:left;background:url(../images/button.jpg) no-repeat center center #fff100;width:57px;height:37px;border:0;cursor:pointer;}
.select select{margin:5px auto;width:92px;}
.searchBar span{ float:right; margin-top:6px;}
.searchBar span a{ color:#666; margin-right:8px;}
.searchBar span a:hover{ color:#ef9b11;}
.searchBar .select {float:left; margin-top:1px; display:inline; margin-right:8px;}
.searchBar .text {float:left;}
.searchBar .text input{width:302px; padding-top:3px; height:17px; border:1px solid #b7d1eb;}
div.selectbox-wrapper{overflow:hidden;width:92px;position: absolute;text-align:left;*margin-top:0;z-index:11;background:#fff;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#36c}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:92px;cursor:pointer;line-height:20px;padding-top: 3px;font-size:12px;font-family:'微软雅黑';color:#666;}
div.selectbox-wrapper ul li.selected {background-color: #303032;color:#fff;}
.selectbox{border:none;display:block;width:96px;background:none;text-indent:9px;cursor:pointer;height:35px;font-size:14px;font-family:'microsoft yahei';color:#ffffff;line-height:35px;}
.marquee_right{float:left;width:600px;height:64px;overflow: hidden;padding-left:74px;}
.marquee_right p{float:left;background:url(../images/notice.jpg) 0 center no-repeat;height:64px;width:122px;text-align:right;font:16px/64px "microsoft yahei";color:#000}
.marquee_right marquee{float:left;width:474px;height:64px;font:16px/64px "microsoft yahei";color:#000}
/* con1 */
.con1{width:980px;height:526px;margin:0 auto;overflow: hidden;}
.title1{width:255px;height:38px;margin:42px auto 35px;background:url(../images/title1.jpg) 0 0 no-repeat;text-indent:62px;}
.title1 span{font:700 22px/38px "microsoft yahei";color:#000;}
.title1 font{font:18px/38px "Impact";color:#000;text-transform: uppercase;}
.con1_left{float:left;width:186px;height:auto;overflow: hidden;}
.con1_nav{width:186px;height:332px;overflow:hidden;}
.con1_nav li{width:186px;height:55px;overflow:hidden}
.con1_nav li a{display:block;width:186px;height:48px;background:url(../images/left_nav.jpg) 0 0 no-repeat;text-align:center;overflow:hidden;font:16px/48px "microsoft yahei";color:#000}
.con1_nav li a:hover,.con1_more:hover{background:#0080c8}
.con1_more{display:block;width:186px;height:48px;background:url(../images/left_nav.jpg) 0 0 no-repeat;text-align:center;overflow:hidden;color:#000;font:16px/48px "microsoft yahei";}
.con1_list{width:762px;float:right;height:382px;overflow:hidden;}
.con1_list li{width:253px;height:190px;padding:0 0 1px 1px;overflow:hidden;float:left;}
.con1_list li a{display:block;width:253px;height:190px;overflow:hidden;position:relative}
.con1_list li a span{width:200px;height:145px;position:absolute;left:0;top:0;background:url(../images/con1_color.png) 0 0 repeat;padding:30px 26px 14px;font:14px/25px "microsoft yahei";color:#aeaeae;overflow:hidden;display:none}
.con1_list li a span font{display:block;width:100%;height:36px;font:16px/36px "microsoft yahei";color:#fff;overflow:hidden;}
.con1_list li a:hover span{display:block;}
/* con2 */
.con2_bg{width:100%;background:url(../images/con2bg.jpg) center 0 no-repeat;height:360px;overflow:hidden}
.con2{width:980px;height:360px;margin:0 auto;overflow:hidden;}
.con2_left{float:left;width:463px;height:360px;overflow:hidden;padding:0 30px 0 10px;}
.title_name1{background:url(../images/title2.png) 0 20px no-repeat;width:218px;height:80px;float:left;text-indent:56px;}
.title_name2{background:url(../images/title3.png) 0 20px no-repeat;width:267px;height:80px;float:left;text-indent:56px;}
.con2_title1{width:100%;height:80px;overflow:hidden;}
.title_name1 span,.title_name2 span{font:700 22px/64px "microsoft yahei";color:#000;}
.title_name1 font,.title_name2 font{font:18px/66px "impact";color:#b7b7b7;text-transform: uppercase}
.con2_title1 a{float:right;font:14px/80px "microsoft yahei";color:#7f7f7f;}
.con2_top1{width:436px;height:90px;padding-left:28px;overflow:hidden;background:url(../images/con2_color1.jpg) 0 center no-repeat;}
.con2_top1 p{width:100%;height:30px;overflow:hidden;font:14px/30px "microsoft yahei";color:#858585;}
.con2_top1 p a{color:#2e2e2e;margin-right:4px;}
.con2_top1 div{width:100%;height:60px;overflow:hidden;font:14px/30px "microsoft yahei";color:#7f7f7f;}
.con2_list1{width:100%;height:152px;overflow:hidden;}
.con2_list1 li{width:100%;height:38px;overflow:hidden;font:14px/38px "microsoft yahei";color:#2e2e2e;text-indent:28px;}
.con2_list1 li a{color:#2e2e2e}
.con2_right{float:left;width:463px;height:360px;overflow:hidden;}
.con2_top2{background:url(../images/con2_color2.jpg) 0 center no-repeat}
/* con3 */
.con3_bg{width:100%;height:562px;background:url(../images/con3bg.jpg) center 0 no-repeat;overflow:hidden;}
.con3{width:980px;height:562px;margin:0 auto;overflow:hidden;}
.con3_title{background:url(../images/title4.png) 0 30px no-repeat;width:219px;height:108px;overflow:hidden;margin:0 auto;text-indent:58px;}
.con3_title span{font:700 22px/88px "microsoft yahei";color:#fff;}
.con3_title font{font:18px/88px "impact";color:#fff;text-transform: uppercase}
.con3_list{width:996px;height:440px;margin:0 auto;overflow:hidden;}
.con3_list li{width:332px;height:440px;float:left;overflow:hidden;}
.con3_box_bg{width:281px;height:394px;background:#fff;border:12px solid #fff;margin:0 auto;}
.con3_box_bg p{width:100%;height:30px;margin-top:15px;overflow:hidden;font:16px/30px "microsoft yahei";color:#000;text-align:center}
.con3_box_bg p a{color:#000}
.con3_box_bg div{width:100%;height:54px;overflow:hidden;font:14px/27px "microsoft yahei";color:#737373}
.con3_more{display:block;width:147px;height:41px;background:url(../images/more.jpg) 0 0 no-repeat;margin:19px auto 0;text-align:center;font:14px/41px "microsoft yahei";color:#000}
/* con4 */
.con4{width:980px;height:346px;margin:0 auto;overflow:hidden;}
.con4_title{width:249px;height:56px;margin:22px auto 30px;overflow:hidden;background:url(../images/title5.jpg) 0 bottom no-repeat;text-indent:67px;}
.con4_title span{font:700 22px/56px "microsoft yahei";color:#000;}
.con4_title font{font:18px/56px "Impact";color:#b7b7b7;text-transform: uppercase}
.con4_contact{width:980px;height:38px;background:#333;overflow:hidden;}
.con4_contact li{width:265px;height:38px;float:left;overflow:hidden;font:14px/38px "microsoft yahei";color:#919191;}
.tel{background:url(../images/tel.jpg) 17px center no-repeat;text-indent:40px;overflow:hidden;border-right:1px solid #fff;}
.mail{background:url(../images/mail.jpg) 15px center no-repeat;text-indent:47px;overflow:hidden;border-right:1px solid #fff;}
.con4_contact li.address{background:url(../images/map.jpg) 15px center no-repeat;text-indent:40px;overflow:hidden;width:440px;}
.con4_con p{width:100%;height:120px;font:14px/30px "microsoft yahei";color:#3f3f3f;margin:28px auto 0;text-align:left;}
/* links_bg */
.links_bg{width:100%;height:71px;margin:0 auto;overflow:hidden;background:url(../images/linksbg1.jpg) 0 0 no-repeat;position: relative}
.links{width:980px;height:71px;margin:0 auto;overflow:hidden;position:relative;background:url(../images/linksbg.jpg) -310px 0 no-repeat #fff;}
.links_list{height:71px;overflow: hidden;float:left}
.big_box{width:32776px;zoom: 1;position: relative;}
.links_box{width:698px;height:71px;overflow:hidden;margin-left:238px;}
.links_list li{width:180px;height:55px;overflow: hidden;float:left;}
.links_list li a{display:block;width:156px;height:53px;border:1px solid #cacaca}
.con1_img{display:block;float:left;width:182px;height:187px;margin:29px 13px 0 15px;overflow: hidden}
#lbtn1,#rbtn1{position: absolute;cursor: pointer;top:12px;display:block;width:25px;height:30px;}
#lbtn1{left:190px;background:url(../images/leftbtn.jpg) 0 0 no-repeat;}
#rbtn1{right:0;background:url(../images/rightbtn.jpg) 0 0 no-repeat;}
#lbtn1:hover,#rbtn1:hover{background-position:0 -31px;}
/* foot */
.foot_bg{width:100%;height: 160px;background:#000;}
.foot{width:980px;height: 160px;overflow:hidden;margin:0 auto;position: relative;text-align: center;}
.foot_nav{height:40px;overflow:hidden;margin: 25px 0 14px;font:14px/40px "microsoft yahei";color:#646464;}
.foot_nav a{color:#646464;margin-right:20px;}
.foot_info{height:48px;overflow:hidden;}
.foot_info p{width:100%;height:24px;overflow:hidden;font:14px/24px "microsoft yahei";color: #434343;}
.foot_info p span{margin-right:4px;}
.foot_info p a{color:#434343}
.foot_pin{width:224px;height:138px;overflow:hidden;position: absolute;right:0;top:45px;}
.foot_pin img{float:left;}
.foot_pin_font{float:left;margin-top:48px;overflow:hidden;padding-left:9px;}
.foot_pin_font span{font:16px/18px "microsoft yahei";color:#b7b7b7;}
.foot_pin_font p{font:14px/18px "microsoft yahei";color:#4a4a4a;}
/* subpage */
.subpage{width:980px;height:auto;padding:30px 0;overflow:hidden;margin:0 auto;}
.left{float:left;width:187px;height:auto;overflow:hidden;}
.left_title1{width:187px;height:92px;background:url(../images/left_title1.jpg) 21px center no-repeat #141414;overflow:hidden;text-align:center;margin-bottom:6px;}
.left_title2{width:187px;height:92px;background:url(../images/left_title2.jpg) 21px center no-repeat #141414;overflow:hidden;text-align:center;margin-bottom:6px;}
.left_title1 span{font:700 22px/26px "microsoft yahei";color:#dfdfdf;overflow:hidden;padding-top:24px;display:block;text-indent:8px;}
.left_title1 p{font:18px/1 "impact";color:#383838;overflow:hidden;text-align:center;text-transform: uppercase;text-indent:8px;}
.left_nav{width:187px;height:auto;overflow:hidden;margin-bottom:30px;}
.proOne a{display:block;width:187px;height:48px;overflow:hidden;background:url(../images/leftli.jpg) 0 0 no-repeat;margin-bottom:8px;text-indent:20px;font:16px/48px "microsoft yahei";color:#000;}
.proTwo li a{width:152px;margin:0 auto;background:none;border-bottom:1px solid #d9d9d9;font:16px/52px "microsoft yahei";color:#000;text-indent:38px;}
.proTwo ul{margin-bottom:12px;display:none}
.left_contact p{width:187px;height:auto;overflow:hidden;font:14px/30px "microsoft yahei";color:#3f3f3f;}
.right{float:left;width:752px;padding-left:34px;height:auto;overflow:hidden;}
.right #tip{font: 22px/26px "microsoft yahei";color: #000;}
.right #tip a{color: #0080C9;}
.right_title{background:url(../images/right_title.jpg) 0 0 no-repeat;height:63px;overflow:hidden;margin-bottom:15px;}
.right_name{float:left;font:20px/60px "microsoft yahei";color:#141414;padding-left:12px;}
.right_title p{float:right;font:14px/60px "microsoft yahei";color:#696969;padding-right:18px;}
.right_title p a,.right_title p span{color:#696969;margin:0 4px;}
.right_con p{width:100%;height:auto;font:14px/30px "microsoft yahei";color:#2e2e2e;}
/* product */
.product{width:100%;height:auto;overflow:hidden;}
.product li{width:33.3%;float:left;height:210px;overflow:hidden;}
.product li a{display:block;width:236px;height:177px;margin:0 auto;overflow:hidden;position: relative;}
.product li a span{position: absolute;width:236px;height:38px;left:0;bottom:0;overflow:hidden;text-align:center;font:14px/38px "microsoft yahei";color:#aeaeae;background:url(../images/black_bg.png) 0 0 repeat;}
/* pages */
/* pages */
.pages{width:100%;clear:both;height: 60px;padding-top: 20px;text-align: center;}
.pages a {font: 14px/26px "microsoft yahei";color: #FFF;text-decoration:none;padding: 0px 8px;height: 24px;border: 1px solid #3d3e3d;background: #3d3e3d;display:inline-block;white-space:nowrap;margin: 0px 3px;}
.pages a:hover {background: #1a1a1a;border: 1px solid #040f28;}
.pages .hover {background: #1a1a1a;border: 1px solid #040f28;}
/* book*/
.bookmain{width:650px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto;background:#fff;}
.bookmain div{font-size:12px}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:550px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:570px; height:30px; float:left; color:rgb(30,54,1); padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1); text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.messagecol{ color:rgb(30,54,1);}
.admincol{ color:rgb(30,54,1); font-weight:bold;}
.admintimecol{ color:rgb(30,54,1); float:right; *margin-top:-17px;}
.message{ width:500px; height:auto;float:left;padding-left:50px; color:rgb(30,54,1);}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{width:100px;height:25px;float:left;text-align:right;font-size:12px;line-height: 18px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub input{float:left;width: 134px;height: 30px;display: block;border-radius: 5px;border: none;color: #000;font-size: 16px;line-height: 30px;text-align: center;background: #fff100;border-bottom: 2px solid #C3B900;cursor: pointer;}
.message li p.message_sub{ width:200px; height:40px; float:left;}
.c_red{ color:#f00;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}
/* case */
.case{width:100%;height:auto;overflow:hidden}
.case li{width:100%;height:196px;overflow:hidden}
.case_img{display:block;float:left;width:236px;height:177px;overflow:hidden}
.case li p{width:468px;padding-left:30px;overflow:hidden;float:left;height:44px;font:14px/44px "microsoft yahei";color:#121212;}
.case li p a{color:#121212;}
.case li div{float:left;width:468px;height:128px;overflow:hidden;font:14px/32px "microsoft yahei";color:#3b3b3b;padding-left:30px;}
/* news */
.news{width:100%;height:auto;overflow: hidden;}
.news li{width:100%;height:36px;text-indent:14px;font:14px/36px "microsoft yahei";color:#7a7a7a;}
.news li a{float:left;color:#2e2e2e}
.news li span{float:right;margin-right:16px;}
.news li.none{margin-bottom:15px;}
/* view */
.right_con h1{width:100%;text-align:center;font:20px/36px "microsoft yahei";color:#0d1c3f;}
.date{width:100%;text-align:center;font:12px/32px "microsoft yahei";color:#acacac}
.page{width:100%;height:56px;margin:10px auto;overflow: hidden;position: relative}
.page p{width:80%;float:left;height:28px;font:12px/28px "microsoft yahei";color:#6d6d6d;overflow: hidden;}
.page p a{color:#6d6d6d}
.page p a:hover,.back:hover{text-decoration: underline}
.back{position: absolute;right:0;font:12px/1 "microsoft yahei";color:#6d6d6d;top:22px;}
.about{font:14px/30px "microsoft yahei";color:#0d1c3f;}
/* search */
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
/* product view 产品内页 */
.view_imgs{width:555px;height:500px;margin:20px auto;position:relative;background:#f7f7f7;}
.view_imgs .btn{position:absolute;width:15px;height:70px;top:422px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.view_imgs .prev{left:0;background:url(../images/view_left.png) no-repeat center center #bfbebe;}
.view_imgs #prevTop,.view_imgs #nextTop{display:none}
.view_imgs .next{right:0;background:url(../images/view_right.png) no-repeat center center #bfbebe;}
.view_imgs li{float:left;}
.view_imgs .prev:hover,.view_imgs .next:hover{background-color:#3e74ce}
.view_imgs .cf li{position:relative;color:#fff;}
.view_imgs .cf a{display:block;width:555px;height:416px;position:absolute;color:#fff;}
.view_imgs .picBox{height:416px;position:relative;overflow:hidden;}
.view_imgs .picBox ul{height:416px;position:absolute;}
.view_imgs .picBox li{width:555px;height:374px;}
.view_imgs .listBox{width:511px;height:71px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.view_imgs .listBox ul{height:71px;position:absolute;}
.view_imgs .listBox li{width:104px;height:71px;cursor:pointer;position:relative;}
.view_imgs .listBox li a{display:block;width:95px;height:71px;}
.view_imgs .listBox li img{width:95px;height:71px;}
.view_imgs .listBox .on img{width:89px;height:65px;border: 3px solid #3e74ce;}
.ol_width { width:580px;}